/* CSS Document */

@charset "utf-8";
body{padding-top:126px;}
/*中部内容底色*/
.content{padding:30px 10px;}
.content .red{color: #e62b31;}
.media{font-size: 16px;padding:20px 40px;}
.media .row{margin-bottom:5px}
.media .row:last-child{margin:20px 0 0;}
.media img{margin-right:10px;}
.media .title{color:#999;}
.media .info{overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis; display: -webkit-box;  -webkit-box-orient: vertical; 
 -webkit-line-clamp: 3; padding-right:5px; }
.media .readbtn{border-radius: 50px;width: 100%;font-weight:bold;}
.media .storebtn{color:#5D1415;background:#FFDC5D; border:0; border-radius: 50px;width: 85%;font-weight:bold;}
.media .checked{background:#bbb;box-shadow: 0 1px 4px #444 inset;}

/*目录的css样式*/
.mulu{padding:10px 30px;margin-top: 20px;}
.mulu .sortbtn{font-size:16px;margin-top:20px;color:#000;cursor: pointer;}
.mulu .sortbtn:hover{color:#e62b31;}
.mulu .mulu-content{padding:0 20px;height:210px;overflow:hidden;}
.mulu .muluitem{padding:15px;color:#777;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mulu .muluitem:hover{background-color:#f4f0f0;color:#e62b31;}

.mulu-footer .showmulubtn{color:#e62b31;display:block;text-align:center;font-weight:bold;font-size:18px;line-height:40px;cursor:pointer;}

/*list的css样式*/
.mylist{padding-top:10px;}
.mylist .listline{line-height:38px;}
.mylist .listitem .listline .numbericon,.mylist .topthree .listline .numbericon{width:20px;height:20px;
display:inline-block;background-color:#bbb;color:#FFF;text-align: center;font-size:10px;line-height:20px;margin-right: 10px;}
.mylist .listitem .listline.topthree .numbericon{background-color:#e62b31;}
.mylist .listline .title{font-size:14px;font-weight:bold;margin-right: 40px;}
.mylist .listline .score{float:right;margin-top: -38px;}
.mylist .grey{color:#777;}
.mylist .listinfo{display:none;}
.mylist .listitem .listinfo .numbericon,.mylist .topthree .listinfo .numbericon{color:#FFF;border-right: 18px solid transparent;
border-bottom:18px solid transparent;border-top:18px solid #bbb;border-left:18px solid #bbb;position:absolute;left:14px;z-index:1;}
.mylist .listitem .listinfo.topthree .numbericon{border:18px solid transparent;border-top-color:#e62b31;border-left-color:#e62b31;}
.mylist .listinfo .number{position:absolute;top:-16px;left:-12px;font-weight: bold;}
.mylist .listinfo img:hover{opacity:0.9;filter:Alpha(opacity=90);}
.mylist .active{color:#e62b31;}